/*---------------------------------------Default Style Sheet Start---------------------------------------*/

/*
            Primary color = #39e5d4
            Secondary color = #246796

        */

* {
    /*border: 1px solid;*/
    /*box-sizing: border-box;
    font-size-adjust: inherit;*/
}

:root {
    --prime-color: #39e5d4;
    --second-color: #246796;
    --prime-color-opacity: #6bfff0;
    --second-color-opacity: #30aaff;
}



html {
    width: 100%;
    height: 99.4%;
}


.p_5 {
    padding: 5%;
}
.px_5 {
    padding: 0 5%;
}
.my_5 {
    margin: 5% 0;
}
.m_5 {
    margin: 5%;
}


.btn-color {
    color: white;
    font-size: large;
    font-weight: 700;
    padding: 5px 12px;
    border: 2px solid var(--prime-color);
    background-color: var(--prime-color);
    transition: all .85s;
}

    .btn-color:hover, .btn-color:active, .btn-color:focus {
        border: 2px solid var(--prime-color);
        color: var(--second-color);
        background-color: white;
    }

a {
    text-decoration: none;
    color: black;
}

    a.active {
        color: var(--prime-color);
        font-weight: 700;
        border-bottom: 2px solid var(--prime-color);
    }

    a.nav-link:active, a.nav-link:hover, a.nav-link:focus,
    a:active, a:hover, a:focus, .nav-link:hover {
        border-bottom: 2px solid var(--prime-color);
        color: var(--second-color);
        font-weight: 700;
        overflow: hidden;
    }

.icon_hover:hover {
    color: var(--prime-color);
}

.bottom_border {
}

/*.input_fields {
    outline: .5px solid grey;
    border: none;
    border-radius: 2px;
    margin: 5px;
    padding: 2px 7px;
}

    .input_fields:active, .input_fields:hover, .input_fields:focus {
        outline: 1px solid var(--prime-color);
        border: none;
    }*/

.linear_gradient {
    width: 200px;
    height: 10px;
    margin: auto;
    border-radius: 10px;
    background: linear-gradient(70deg, var(--second-color), var(--prime-color));
    box-shadow: 40px 6px 1px var(--prime-color), -40px -6px 1px var(--second-color);
}

.form-control {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid var(--prime-color);
}

    .form-control:active, .form-control:focus {
        box-shadow: 0 2px 5px 1px var(--prime-color);
    }

.fixed_right {
    position: fixed;
    width: auto;
    right: 0;
    bottom: 0;
    /*left: 0;*/
    z-index: 1030;
    margin-right: 15px;
    margin-bottom: 100px;
    padding: 7px;
    border-radius: 30px;
    border: 2px solid white;
    background-color: #03c91d;
    max-width: 15em;
}

    .fixed_right:hover {
        transform: scale(1.05);
    }

/*@media (width: 500px) {
    .fixed_right {
        margin-bottom: 7%;
    }
}*/



/*---------------------------------------Default Style Sheet End---------------------------------------*/